<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>场景查看器</title>

    <link rel="stylesheet" href="http://localhost/arcgis_js_api/library/4.11/esri/themes/light/main.css">
    <link rel="stylesheet" href="css/mainApp.css">
    <link rel="stylesheet" href="../dist/css/dextra.css">


    <script src="../dist/config.js"></script>


    <script src="http://localhost/arcgis_js_api/library/4.11/init.js"></script>
    <script>


        // Load the Map and MapView modules
        require(["esri/Map",

            "dextra/layers/TdtImageLayer",
            "dextra/layers/TdtImageAnnoLayer",
            "dextra/modules/viewers/SceneViewer",
            "esri/layers/ElevationLayer",
            "esri/widgets/Expand",
"esri/widgets/AreaMeasurement3D",

            "dojo/domReady!"], function(Map,GoogleImageLayer,GoogleImageAnnoLayer,SceneViewer,ElevationLayer,Expand,AreaMeasurement3D) {

            var layer = new GoogleImageLayer();
            var layer1= new GoogleImageAnnoLayer();
            var elevLyr = new ElevationLayer({
                // Custom elevation service
                url: "http://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer"
            });
            var myMap = new Map({
              layers:[layer,layer1],
              ground:"world-elevation"
            });

            var sceneViewer = new SceneViewer({
                map: myMap,
                viewNode: "viewDiv",
            });
            var measurementWidget = new AreaMeasurement3D({
                view: sceneViewer.view
            });

           var layerListExpand = new Expand({
                expandIconClass: "esri-icon-layer-list",  // see https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/
                // expandTooltip: "Expand LayerList", // optional, defaults to "Expand" for English locale
                view: sceneViewer.view,
                content: measurementWidget
            });
            sceneViewer.view.ui.add(layerListExpand, "top-right");



        });
    </script>

</head>
<body>

<div id="viewDiv"></div>
</body>
</html>